<template>
<div>
  <el-table
      v-loading="loading"
      current-row-key="cid"
      :data="contentsList"
      style="width: 100%"
  >

    <el-table-column align="center"
                     type="index"
                     label="序号">
    </el-table-column>
    <el-table-column align="center"
                     prop="question"
                     label="问题">

      <template slot-scope="scope">
        {{scope.row.question}}
        <br>
        <el-radio-group v-model="radio">
          <el-radio :label="3">备选项</el-radio>
          <el-radio :label="6">备选项</el-radio>
          <el-radio :label="9">备选项</el-radio>
        </el-radio-group>
      </template>

    </el-table-column>



  </el-table>
</div>
</template>

<script>
import axios from "axios";

export default {
  name: "assess_info",
  data(){
    return{
      contentsList: [],
      loading: true,
      radio: 3

    }
  },
  created() {
    this.getQuestion();
  },
  methods:{
    getQuestion(){
      var tid = this.$route.query.tid;
      axios.get("/assess-service/assess/start/" + tid).then(res => {
        console.log(res.data);
        this.contentsList = res.data.data;
        this.loading = false;
      });
    }
  }
}
</script>

<style scoped>

</style>